<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>问卷编辑</title>

    <!-- 引进css -->
    <link rel="stylesheet" href="/static/css/edit/base.css">
    <link rel="stylesheet" href="/static/css/edit/option.css">
    <link rel="stylesheet" href="/static/css/edit/createQ.css">
    <link rel="stylesheet" href="/static/css/edit/edit.css">

    <!-- 问卷的图标 -->
    <link rel="icon" href="/static/image/R-C.png">

    <!-- i标签图标 -->
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3820093_p2fkbxlkcd.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3814965_36hahuci7r5.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3814962_3t12jtnj2ag.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3814921_a6pupjxsgbv.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3844793_t6yunr70l7r.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3844795_8swrfqzzvyn.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3844812_1n1wjmsv9gy.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3844823_sdt89831j4h.css">

    <!-- jqury地址 -->
    <script src="https://cdn.acwing.com/static/jquery/js/jquery-3.3.1.min.js"></script>

</head>

<body class="body">

    <div class="new-questionnaire">
        <!-- 头部 -->
        <div class="new-questionnaire-header">
            <div class="new-questionnaire-special">
                <div>?</div>
            </div>
            <div class="new-questionnaire-header-manage">问卷管理</div>
            <div class="new-questionnaire-header-my">我的问卷</div>
        </div>

        <!-- 问卷发布提示 -->
        <div class="tips" style="display: none;" id="tips">
            <div>
                <div class="tips-head">
                    提示
                    <div class="">
                        <i class="iconfont icon-guanbi color"></i>
                    </div>
                </div>
                <div class="tips-content">
                    <p>是否发布问卷？</p>
                    <p id="tips-content-p">(此问卷的截止日期为2022-02-02)</p>
                    <div>
                        <div class="determine color">确定
                            <button style="display: none;"></button>
                        </div>
                        <div class="cancel color">取消</div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 新建问卷页 -->
        <div class="new-questionnaire-content">
            <div class="new-questionnaire-content-all">
                <div class="new-questionnaire-content-add">+</div>
                <div class="new-questionnaire-content-text">新建问卷</div>
            </div>
        </div>

        <!-- 问卷编辑页 -->
        <div class="editing-questionnaire all" id="edit">
            <div class="editing-questionnaire-title d1">
                <div class="color" contenteditable="true">这里是标题</div>
            </div>

            <!-- 题目的出现 -->
            <form action="/base.html">
                <div class="option"></div>
            </form>
            <div class="addQuestions">
                <div class="color-deep single-choice"><i class="iconfont icon-guifandanxuanxuanzhong"></i> 单选</div>
                <div class="color-deep multiple-choice"><i class="iconfont icon-duoxuanxuanzhong"></i> 多选</div>
                <div class="color-deep text-title"><i class="iconfont icon-wenben"></i> 文本题</div>
            </div>
            <div class="editing-questionnaire-addQ d2">
                <div class="unchanged color">
                    <div class="add">+</div>
                    <div class="text">&nbsp;&nbsp;&nbsp;添加问题</div>
                </div>
            </div>
            <div class="editing-questionnaire-bottom d3">
                <div class="common1 text">问卷截止日期</div>
                <div class="common1 cal"><input type="date" placeholder="请输入项目名称" id="time" class="width_30"></div>
                <div class="common common1 left color-deep question-commit">发布问卷</div>
                <div class="common common1 right color-deep question-preservation">保存问卷</div>
            </div>
        </div>
    </div>

    <!-- 严格模式引进js -->
    <script type="module">

        import { } from "/static/js/edit/base.js";
        import { } from "/static/js/edit/add-question.js";
        import { } from "/static/js/edit/commit.js";
    </script>
</body>

</html>